<template>
	<view class="categorys">
		<view class="list">
			<view class="item" v-for="item in dataList" :key="item.id"  @tap="toKindList(item.id)">
				<image :src="item.icon" mode=""></image>
				<view>{{item.name}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:["dataList"],
		methods: {
			toKindList(id) {
				uni.navigateTo({
					url: `/pages/kind/kind-list/kind-list?kindId=${id}`,
				})
			},
		},
	}
</script>

<style lang="scss" scoped>
	.categorys {
		.list{
			padding: 60rpx 0;
			display: flex;
			.item{
				margin: auto;
				height:130rpx;
				width:120rpx;
				image{
					margin: 0 auto;
					display: block;
					width: 80rpx;
					height: 80rpx;
				}
				view{
					margin: 0 auto;
					margin-top: 10rpx;
					width: 80rpx;
					text-align: center;
				}
			}
		}
	}
</style>
